﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NoveList.aspx.cs" Inherits="海漫思考核.NoveList" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>终点小说-小说列表</title>
    <style>
        a{
            text-decoration:none;
        }
        #div_title{
            margin-top:50px;
            text-align:center;
            font-size:45px;
            font-family:FangSong;
            color:orange;
        }
        #div_content{
            height:440px;
            width:800px;
            border:3px solid black;
            border-image:linear-gradient(to right,#48316d,#23b7cb) 1 10;
            margin: 50px auto;
            text-align:center;
            font-size:18px;
            font-family:FangSong;
        }
        #div_where{
            margin-top:7px;
        }
        .div_info{
            height:120px;
            width:200px;
            float:left;
            border:1px solid black;
            border-image:linear-gradient(to right,#48316d,#23b7cb) 1 10;
            margin-left:50px;
            margin-top: 10px;
        }
        .btn{
            height:40px;
            width:260px;
            border-radius:3px;
            background-color:#79f6d6;
            box-shadow: 0 0 2px 1px #11112d;
        }
        .btn:hover{
            background-color:#0fcca9;
        }
        #div_page{
            width:800px;
            position:absolute;
            top:610px;
        }
        .img{
            height:120px;
            width:80px;
            float:left;
        }
        .div_info span{
            line-height:20px;
        }

    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="div_title">
            小说列表
        </div>
        <div id="div_content">
            <div id="div_where">
                <b>排序方式：</b>
                <asp:DropDownList runat="server" ID="ddl_time" AutoPostBack="true" OnSelectedIndexChanged="OnChanged">
                    <asp:ListItem Text="时间升序" value="asc"/>
                    <asp:ListItem Text="时间降序" value="desc"/>
                </asp:DropDownList>
                <b>小说类型：</b>
                <asp:DropDownList runat="server" ID="ddl_type" AutoPostBack="true" OnSelectedIndexChanged="OnChanged">
                    <asp:ListItem Text="全部类型" value=""/>
                </asp:DropDownList>
                <b>小说名称：</b>
                <asp:TextBox runat="server" value="" ID="text_Novename" AutoPostBack="true" OnTextChanged="OnChanged"/>
            </div>
            <asp:Repeater runat="server" ID="rpt_list">
                <ItemTemplate>
                    <div class="div_info">
                        <img src="<%# Eval("Nimgpath") %>" class="img"/>
                        <p><b><a href=""><%# Eval("Nname") %></b></a><br />
                            <%# Eval("Nauthor") %><br />
                            <%# Eval("Nchapter") %>章节<br />
                            <%# Eval("Tname") %><br />
                            <%# Convert.ToDateTime(Eval("Nuptime")).ToString("yyyy-MM-dd") %>
                        </p>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <div id="div_page">
                <asp:Button Text="上一页" OnClick="btn_up_Click" CssClass="btn" ID="btn_up" runat="server" />
                <span id="span_index" runat="server"></span>
                <asp:Button Text="下一页" OnClick="btn_down_Click" CssClass="btn" ID="btn_down" runat="server" />
            </div>
        </div>
    </form>
</body>
</html>
